<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>随手快递</title>
    <link rel="stylesheet" type="text/css" href="../../AUI/css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../font-awesome/css/font-awesome.min.css" />
    <style type="text/css">
        .user-info {
            background-color: #ffffff;
            padding: 0.75rem 0;
        }
        img.avatar {
            display: block;
            margin: 0 auto;
            width: 20%;
        }
        .aui-list .aui-list-header {
            background-color: #ffffff;
            line-height: 1.2rem;
        }
    </style>
</head>
<body style="font-family: 微软雅黑">
<header class="aui-bar aui-bar-nav" id="aui-header" >
    <a class="aui-btn aui-pull-left" tapmode onclick="history.back();">
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title">个人资料</div>
    <a class="aui-btn aui-pull-right" style="font-size: 13px" tapmode onclick="alert('确认添加')">
        <span class="fa fa-plus" style="margin-top: 2px"></span>&nbsp;加好友
    </a>
</header>
<section class="aui-content user-info aui-text-center aui-margin-b-15" style="margin-top: 45px;height: 140px">
    <img id="headPortraitUrl" class="avatar aui-img-round" style="float: left;margin: 3px 0 0 20px">
    <div style="float: left;margin: 25px 0 0 20px" id="nickname"> </div>
    <div style="float: right;padding:15px 10px 0 0">
    <div class="aui-margin-t-10" style="font-size: 13px;color: rgb(249, 150, 30)">
        信誉分：<span id="creditScore"></span>
    </div>
    <div class="aui-margin-t-10" style="font-size: 13px;display:none" id="permissions">
        快递好评度：<span id="score"></span>
    </div>
    </div>
    <div style="border-top: 1px dashed #dddddd;height: 30px;margin:80px 15px 0 20px;">
        <div class="aui-btn aui-btn-success aui-btn-outlined " style="margin: 8px 0 0 0px;width: 100px">联系ta</div>
        <div class="aui-btn aui-btn-danger aui-btn-outlined " style="margin:8px 0 0 20px;width: 100px">投诉ta</div>
    </div>

</section>
<section class="aui-content" >
    <ul class="aui-list aui-list-noborder " >
        <li class="aui-list-item aui-border-b"  >
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">地区：</div>
                <div class="aui-list-item-text" id="region">杭州</div>
            </div>
        </li>
        <li class="aui-list-item" >
            <div class="aui-list-item-inner">
                <div class="aui-list-item-title">个性签名：</div>
                <div class="aui-list-item-text" style="padding: 5px 5px" id="signature">这个人很懒</div>
            </div>
        </li>
    </ul>
</section>

      <!--   <div id="thelist" style="margin: 0px 10px;padding: 20px 0">
            <div class="aui-card-list">
                <div class="aui-card-list-header aui-card-list-user">
                    <div class="aui-card-list-user-avatar">
                        <img src="../../myImage/5.png" class="aui-img-round">
                    </div>
                    <div class="aui-card-list-user-name">
                        <div class="aui-text-info">胖子</div>
                        <div class="aui-font-size-14 text-light">#房地产圈</div>
                    </div>
                    <div class="aui-card-list-user-info text-light">31分钟前</div>
                </div>
                <div class="aui-card-list-content-padded aui-padded-t-5 aui-padded-b-5">
                    近日，俄军最高统帅部组织了第五届全军炮兵旅预备队实地演练，出动了大批重型火炮，其中就包括当今口径最大的自行迫击炮——2S4“郁金香”240毫米自行迫击炮。本图集就此解读。
                </div>
                <div class="aui-card-list-content">
                    <div class="aui-row aui-row-padded">
                        <div class="aui-col-xs-4">
                            <img src="../../myImage/l1.png">
                        </div>
                        <div class="aui-col-xs-4">
                            <img src="../../myImage/l1.png">
                        </div>
                        <div class="aui-col-xs-4">
                            <img src="../../myImage/l1.png">
                        </div>
                    </div>
                </div>
                <div class="aui-card-list-footer text-light aui-font-size-14">

                    <div>
                        <i class="aui-iconfont aui-icon-comment"></i> 666
                    </div>
                    <div>
                        <i class="aui-iconfont aui-icon-laud"></i> 888
                    </div>
                </div>
            </div>
            <div class="aui-card-list">
                <div class="aui-card-list-header aui-card-list-user">
                    <div class="aui-card-list-user-avatar">
                        <img src="../../myImage/5.png" class="aui-img-round">
                    </div>
                    <div class="aui-card-list-user-name">
                        <div class="aui-text-info">胖子</div>
                        <div class="aui-font-size-14 text-light">#房地产圈</div>
                    </div>
                    <div class="aui-card-list-user-info text-light">31分钟前</div>
                </div>
                <div class="aui-card-list-content-padded aui-padded-t-5 aui-padded-b-5">
                    近日，俄军最高统帅部组织了第五届全军炮兵旅预备队实地演练，出动了大批重型火炮，其中就包括当今口径最大的自行迫击炮——2S4“郁金香”240毫米自行迫击炮。本图集就此解读。
                </div>
                <div class="aui-card-list-content">
                    <div class="aui-row aui-row-padded">
                        <div class="aui-col-xs-12">
                            <img src="../../myImage/l2.png">
                        </div>
                    </div>
                </div>
                <div class="aui-card-list-footer text-light aui-font-size-14">

                    <div>
                        <i class="aui-iconfont aui-icon-comment"></i> 666
                    </div>
                    <div>
                        <i class="aui-iconfont aui-icon-laud"></i> 888
                    </div>
                </div>
            </div>

        </div> -->
</body>
<script type="text/javascript" src="../../AUI/script/api.js" ></script>
<script src="../../myJs/jquery.js"></script>
<script src="../../myJs/jquery.cookie.js"></script>
<script type="text/javascript" src="../../myJs/index.js" ></script>
<script src="../../myJs/jquery.cookie.js"></script>
<script type="text/javascript">
    apiready = function(){
        api.parseTapmode();
    }
    var purchaseUserId,courierId,userId;
    $(function(){
    	userId = sessionStorage.getItem("userId");
    	
    	 $.ajax({
    	      type: "post",
    	      url: '/randomdelivery/userManageController/friendInfomation',
    	      data: {
    	    	  "userId": userId
    	      },
    	      datatype: "json",
    	      success: function (data) {
    	      	alert(JSON.stringify(data));
    	      	viewInfo(data);
    	      }
    	
    })
    })
    
    function viewInfo(data){
    	 $("#headPortraitUrl").attr("src",data.msg.headPortraitUrl);
         if(data.msg.sex=="女"){
             $("#nickname").html(data.msg.nickname+'&nbsp;<i class="aui-iconfont aui-icon-my aui-text-danger"></i>');
         }else{
             $("#nickname").html(data.msg.nickname+'&nbsp;<i class="aui-iconfont aui-icon-my"></i>');
         }
         $("#creditScore").html(data.msg.creditScore);
         $("#region").html(data.msg.region);
         $("#signature").html(data.msg.signature);
         if(data.msg.permissions!=0){
         	$("#permissions").show();
         	 (data.msg.score==null?$("#score").html("0"):$("#sumOrder").html(data.msg.sumOrder));
         }
    }
</script>
</html>